<div class="ItemsWarp clearfix">
    <{assign var='zindex' value='1000'}>
    <{foreach from=$products item="product"}>
    <div class="items-list <{$mask_webslice}> itemsList" product="<{$product.goods_id}>" id="pdt-<{$product.goods_id}>">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td class="goodpic" valign="middle" style="<{if $image_set.S.width}> width:<{$image_set.S.width}>px;<{/if}>">
			      <{if $product.tags}>
			      <{foreach from=$product.tags item=tags}>
			        <{assign var="tagImage" value=$tags.params.tag_image}>
			        <div class="GoodsTip">
			            <img src="<{$tagImage|storager:'s'}>" style="opacity:<{$tags.params.tag_opacity/100}>" pos = "<{$tags.params.pic_loc}>"/>
			        </div>
			      <{/foreach}>
			      <{/if}>
                    <{if $product.udfimg == 'true'}>
                    <{assign var="gimage" value=$product.thumbnail_pic}>
                    <{else}>
                    <{assign var="gimage" value=$product.image_default_id|default:$defaultImage}>
                    <{/if}>
                    <a target="_blank" style='<{if $image_set.S.width}> width:<{$image_set.S.width}>px;height:<{$image_set.S.height}>px;<{/if}>' href="<{link app=b2c ctl=site_product act=index arg=$product.goods_id}>">
                        <img  src="<{$gimage|storager:'s'}>"  alt="<{$product.name|escape:html}>"/>
                        <{*<span class='zoom-handle' pic='<{$product.big_pic|default:$env.conf.site.default_big_pic|storager}>'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>*}>
                    </a>
                </td>
                <td width='10px;'>&nbsp;</td>
                <td class="goodinfo">
                    <h6>
                        <a href="<{link app=b2c ctl=site_product act=index arg=$product.goods_id}>" title="<{$product.name|escape:html}>" class="entry-title" target="_blank"><{$product.name|escape:"html"}></a>
			            <{if $product.tags}>
			                <{foreach from=$product.tags item=tags}>
			                <{if $tags.params.tag_showOnIndex}>
			                &nbsp;<span style="color:<{$tags.tag_bgcolor}>"><{$tags.tag_name}></span>
			                <{/if}>
			                <{/foreach}>
			            <{/if}>
                    </h6>
                    <{$product.brief}>

                    <{if $site.props}>
                    <table cellpadding="0" cellspacing="0" border="0" class="standard">
                        <tr><th><{t}>品牌：<{/t}></th><td>KUKU</td><th><{t}>风格：<{/t}></th><td><{t}>夏季<{/t}></td></tr>
                        <tr><th><{t}>质地：<{/t}></th><td><{t}>纯棉<{/t}></td><th><{t}>款式：<{/t}></th><td><{t}>双排扣<{/t}></td></tr>
                    </table>
                    <{/if}>
                </td>
                <td class="price_button" style="width:239px;">
                    <ul style=" width:140px; float:right; height:110px">
                        <li><{t}>现价：<{/t}><span class="fontcolorRed font14px fontbold"><{$product.price|cur_odr:$order.currency}></span></li>
                        <li><{if $product.mktprice && $setting.mktprice eq true}><span class="mktprice1"><{t}>原价：<{/t}><{$product.mktprice|cur_odr:$order.currency}></span><{/if}></li>
                        <{if $product.mktprice > $product.price && $setting.mktprice && $setting.saveprice > 0}>
                        <li><span > <{if $setting.saveprice == 1}><{t}>节省：<{/t}><{$product.mktprice-$product.price|cur_odr:$order.currency}>
                            <{elseif $setting.saveprice == 2}><{t}>优惠:<{/t}><{$product.price/$product.mktprice*100|number:'2'}>%
                            <{elseif $setting.saveprice == 3}><{$product.price/$product.mktprice*10|number:'1'}><{t}>折<{/t}>
                            <{/if}></span></li>
                        <{/if}>
                        <!--<li class="intro rank-<{$product.rank|default:3}>">Rank <{$product.rank|default:3}></li>-->
                    </ul>
                    <div class="clear"></div>
                    <ul class="button" >
                        <{goodsmenu product=$product setting=$setting login=$login zindex=$zindex-- }>
                        <li >
                        <a href="javascript:void(0)" onclick="gcompare.add({gid:'<{$product.goods_id}>',gname:'<{$product.name|addslashes|escape:html}>',gtype:'<{$product.type_id}>',url:'<{link app=b2c ctl=site_product act=index arg=$product.goods_id}>'});"  class="btn-a"><i class="has-icon"> <img src='<{$env.app.res_url}>/bundle/contrast_icon.gif' /></i><span><{t}>对比<{/t}></span></a>

                        <!-- <a href="javascript:void(0)" onclick="gcompare.add({gid:'<{$product.goods_id}>',gname:'<{$product.name|addslashes|escape:html}>',gtype:'<{$product.type_id}>'});" class="btncmp" title="<{t}>商品对比<{/t}>">
                            <{t}>商品对比<{/t}>
                        </a>-->
                        </li>
                    </ul>
                </td>
            </tr>
        </table>

    </div>
    <{/foreach}>
</div>

<{*
<script>
    /*void function(){
    橱窗放大镜
    author:litie[A]shopex.cn
    [c]  ShopEx
    last update : 2009年9月25日14:51:20

    var getAmongPos = function(size,to){
    var elpSize = $(to).getSize();
    return {
    'top':Math.abs((elpSize.y/2).toInt()-(size.height/2).toInt()+to.getPosition().y+elpSize.scroll.y),
    'left':Math.abs((elpSize.x/2).toInt()-(size.width/2).toInt()+to.getPosition().x+elpSize.scroll.x)
    };
    };

    $$('.items-list .goodpic .zoom-handle').addEvent('click',function(e){
        e.stop();
        if(this.retrieve('active'))return;
        var _this = this;
        _this.store('active',true);
        var tpic = this.getPrevious('img');
        var bpic_src = this.get('pic');

        var loading = new Element('div',{
            styles:{'background':'#fff url(<{$base_url}>statics/loading.gif) no-repeat 50% 50%',
                'width':40,
                'height':40,
                'border':'1px #e9e9e9 solid',
                'opacity':.5}}).inject(document.body).amongTo(tpic);

        new Asset.image(bpic_src,{onload:function(img){

                loading.remove();
                var winsize = window.getSize();
                var imgSize = $(img).zoomImg(winsize.x,winsize.y,1);
                var fxv = $extend(getAmongPos(imgSize,window),imgSize);
                var imgFx = new Fx.Morph(img,{link:'cancel'});
                img.setStyles($extend(tpic.getCis(),{opacity:0.5})).inject(document.body).addClass('img-zoom').addEvent('click',function(){
                    imgFx.start(tpic.getCis()).chain(function(){this.element.remove();_this.store('active',false);});
                });
                imgFx.start($extend(fxv,{opacity:1}));
                document.addEvent('click',function(){

                    img.fireEvent('click');
                    document.removeEvent('click',arguments.callee);

                });

                },onerror:function(){
                _this.store('active',false);
                loading.remove();
        }});


    });


    }();*/
</script>
*}>
<script>
    /*
    *商品标签定位
    */
    (function(){

        var tips = $$('.GoodsTip');



        //var opacity = tips.getElement('img').get('op')[0];

        //tips.getElement('img').setStyle('opacity',opacity);
        if(tips.length>0){
        var parSize = {
            x : tips.getParent('td')[0].getSize().x,
            y : tips.getParent('td')[0].getSize().y
        };


        var GoodsTipPos= {
            tl:{left:0,top:0},
            tc:{left:(parSize.x)/2 - 25,top:0},
            tr:{top:0,right:0},
            ml:{left:0,top:(parSize.y)/2 - 25},
            mc:{left:(parSize.x)/2 - 25,top:(parSize.y)/2 -25},
            mr:{top:(parSize.y)/2 - 25,right:0},
            bl:{bottom:0,left:0},
            bc:{bottom:0,left:(parSize.x)/2 - 25},
            br:{bottom:0,right:0}
        };


        /*.setStyles({
            'top':Pos.top,
            'left':Pos.left,
            'right':Pos.right,
            'bottom':Pos.bottom
        });
        */
        tips.each(function(v){
            v.getParent().setStyle('position','relative');
            v.getElement('img').zoomImg(50,50);

            //if(window.ie6) {Pos.left -= 85;Pos.bottom+=100;};

            var proPos = v.getElement('img').get('pos');

            var Pos = GoodsTipPos[proPos];

            v.setStyles({
                'top':Pos.top,
                'left':Pos.left,
                'right':Pos.right,
                'bottom':Pos.bottom
            });
            //if(window.ie6){Pos.left += 85;Pos.bottom-=100;};
        })
        }
    })();
</script>


